<template>
	<view style="background: #ffffff; position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;">
		<view class="notes">
			<p><span>*</span>外寄配件信息单</p>
		</view>
		<view class="uni-common-mt">
			<view class="uni-form-item uni-column user-input">
				<view style="width: 80px; font-size: 16px;">产品A码:</view>
				<view class="input">
					<text class="info">SAAAA55557777</text>
				</view>
			</view>
			<u-gap height="5px" bgColor="#f7f7f7 "></u-gap>
			<view class="uni-form-item uni-column user-input" >
				<view style="width: 80px; font-size: 16px;">产品名称:</view>
				<view class="input">
					<text class="info">齿轮</text>
				</view>
			</view>
			<u-gap height="5px" bgColor="#f7f7f7 "></u-gap>
			<view class="uni-form-item uni-column user-input">
				<view class="title">产品规格:</view>
				<view class="input">
					<text class="info">89*89*89</text>
				</view>
			</view>
			<u-gap height="5px" bgColor="#f7f7f7 "></u-gap>
			<view class="uni-form-item uni-column user-input">
				<view class="title">物料详情: </view>
				<view class="input">
					<text class="info">海尔</text>
				</view>
			</view>
			
			<u-gap height="5px" bgColor="#f7f7f7 "></u-gap>
			<view class="uni-form-item uni-column user-input">
				<view class="title">物流单地址:</view>
				<view class="input">
					<text class="info">xx省xx市xx区</text>
				</view>
			</view>
			
		</view>
		
	</view>
	
</template>

<script>
	export default{
		
	}
</script>

<style lang="scss">
	.info{
		font-size: 17px;
		color: #ababab;
	}
	.title{
		width: 50px;
		height: 22px;
		font-size: 16px;
	}
	
	.user-input{
		width: 335px;
		margin: 10px auto;
		display: flex;
		.input{
			width: 260px;
			margin-left: 10px;
		}
	}
	.fenjie{
		width: 335px;
		height: 1px;
		background: #ddd;
		margin: 0 auto;
	}
	
	.up-button{
		width: 160px;
		height:40px;
		background: #488ac7;
		border-radius: 4px;
		font-size: 16px;
		line-height: 40px;
		color: white;
		margin-top: 30px;
	}
	
	.notes{
		width: 20%px;
		margin: 10px auto 30px;
		font-size: 14px;
		
		span{
			color: red;
			margin-right: 4px;
		}
		p{
			color: #999;
		}
	}
</style>